<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>05_显示模式-行内块</title>
        <style>
            /*
            - 和相邻行内元素（行内块）在一行上，但是他们之间会有空白缝隙。
            - 一行可以显示多个（行内元素特点）。
            - 默认宽度和高度就是它本身内容的宽度和高度（行内元素特点）。
            - 高度，行高、外边距以及内边距都可以通过CSS控制（块级元素特点）。
            */

            img {
                width: 200px;
                height: 200px;
            }

        </style>
    </head>
    <body>
        <img src="./img/mzq.jpg">
        <img src="./img/mzq.jpg">
    </body>
</html>